<!DOCTYPE html>
<html class="pixel-ratio-1">

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
    <meta name="viewport" content="width=375, user-scalabe=no">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <title>我的工资条列表</title>
    <link rel="stylesheet" type="text/css" href="../../../../../public/vendor/weui/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../../public/css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../../public/css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../../../public/vendor/weui/jquery-weui.css">
    <!-- Site CSS -->
    <link rel="stylesheet" href="../../../../../public/themes/base/css/site.css" id="admui-siteStyle">
    <link rel="stylesheet" href="../../../../../public/css/features/salary/payrolls.css">
    <script id="payrollsmain-template" type="text/x-template">
        {{~ it :value:index}}
			<div class="page__bd page__bd_spacing recruitment_jobs looksale" style = "padding-bottom:10px;padding-top:10px;margin-bottom:20px">
				<div class="weui-flex marbot">
					<div>
						<div class="placeholder" style="font-size: 14px;color: darkgray;">正常工资薪酬（第{{=value.freq}}次）</div>
					</div>
					<div class="payrollstate" >
						<div class="placeholder" style="font-size: 14px;font-weight:800;color: gray;" v-html="item.billStatusCh">{{=value.dt}}</span></div>
					</div>
				</div>
				<div class="weui-flex marbot">
					<div>
						<div class="placeholder" style="font-size: 16px;margin-top:5px;">实发小计（元）</div>
					</div>
					<div class="payrollstate" >
						<div class="placeholder" style="font-size: 22px;font-weight:800;" v-html="item.billStatusCh">￥{{=value.totalPaid}}</div>
					</div>
				</div>
			   
			</div>
           
        {{~}}
    </script>
</head>


<style>
	.rcdetails-main {
		position: relative;

	}
	.rcdetails {
	    display: flex;
	    justify-content: space-between;
	    margin-top: 10px
	}
	
	.pull-down {
	    position: relative;
	    overflow: hidden;
	    height: 0;
	    max-height: 60px;
	}
	
	.pull-down-content {
	    position: absolute;
	    bottom: 0;
	    text-align: center;
	    line-height: 30px;
	    color: #999;
	    width: 100%;
	}
	.pyear {
		font-weight: 600;
	    font-size: 23px
	}
	.recruitment_jobs {
	    background-color: #fff;
	    padding: 10px;
	    margin-bottom: 10px;
	    border-radius: 5px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.payrollstate {
	    position: absolute;
	    right: 20px;
	}
	body{
		background-color: #ececec;
	}
</style>
<body data-weui-theme="light">
    <div id="pull-down" class="pull-down">
        <div class="pull-down-content">松开刷新</div>
    </div>
    <div id="payrollsmain">
		
        <div id="payrollsmainId" class="weui-tab ">
            <div class="" id="search_bar">
               <div class="rcdetails-main" >
					<div class="rcdetails">
						<div id="leftBtn" style="margin-left:5px"><i class="icon iconfont icon-snh6-jiantou_yemian_xiangzuo_o icon-font-size-24"
							style="font-size: 36px;" aria-hidden="true"></i></div>
						<div class="centerst pyear" v-cloak>{{main.year}}</div>
						<div id="rightBtn" style="margin-right:5px"><i class="icon iconfont icon-snh6-jiantou_yemian_xiangyou_o icon-font-size-24"
							style="font-size: 36px;" aria-hidden="true"></i></div>
					</div>
               </div>
            </div>
			
           
            <div id="payrollstel" style="margin-top: 10px;">
				
			</div>
        </div>
    </div>
	<div class="report-contents-item-box operation" id="oneButton">
	    <div class="weui-cell operation-child" style="display: flex;justify-content: space-between;padding:0px;margin-left:-9px;height:80px;">
	        <a href="javascript:;" class="weui-btn weui-btn_primary" style="width: 95%;border-radius:8px;margin-top: -5px;" id="returnPage">返回公众号主页</a>
	    </div>
	</div>


    <script type="text/javascript" src="../../../../../public/vendor/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/moment/moment.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/weui.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/jquery-weui.min.js"></script>
    <script type="text/javascript" src="../../../../../public/js/common/iosadaptation.js"></script>
    <script type="text/javascript" src="../../../../../public/js/config/utils.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/swiper/swiper.js"></script>
    <!-- <script src="../../../../../public/js/common/mescroll/mescroll.min.js" type="text/javascript" charset="utf-8"></script> -->
    <script type="module" src="../../../../../public/js/features/biz/salary/payrolls/payrolls.js"></script>
</body>

</html>